<template>
	<view>
		<view style="position: relative;padding-top: 10rpx;">
			<view class="" v-if="list.length==0" style="position: absolute;margin: auto;top:300rpx;left: 0;right: 0;width: 300rpx;text-align: center;">
				<image  src="../../static/image/nodata1.png" mode="" style="width: 300rpx;height: 200rpx;"></image>
				暂无数据
			</view>
			<view class="content" v-for="(item,index) in list" :key="item.id" @tap="$util.toUrl('./jiedanshenheInfo?id='+item.shenhe_id)">
			
				<view class="" style="background-color: #FFFFFF;">
					<view class="oneTui uni-flex" >
						<view class="" style="position: relative;margin-right: 16rpx;">
							<view class="touxiang">
								<image :src="$jiekou.uploadBaseUrl+item.maijiaHead" mode="" class=""></image>
							</view>
							<!-- <view class="zaixian yuandian "></view> -->
						</view>
						
						<view class="neirong" style="">
							<view class="uni-flex">
								<view class="" style="flex: 1;">
									<text class="user-name">{{item.maijiaName}}</text>
									<image v-if="item.maijiaAttestation==2" src="../../static/image/yirenzheng.png" mode="" class="renzhengtu"></image>
									<view class="" v-if="item.maijiaQu!=undefined" style="color: #8799A3;">{{item.maijiaSheng}}.{{item.maijiaShi}}.{{item.maijiaQu}}</view>
								</view>
								<view v-if="item.maijiaPingfenStr!='' && item.maijiaPingfenStr!=undefined " class="pingding">综合评定:{{item.maijiaPingfenStr}}</view> 
								<view v-else class="pingding">综合评定:优</view>
							</view>
							<view class="biaoqians uni-flex">
								{{item.maijiaQianming}}
							</view>
							<view class="biaoqians uni-flex">
								<text style="color: #979797;margin-right: 20rpx;">申请任务</text>{{item.title}}
							</view>
							<!-- <view class="biaoqians uni-flex">
								<view class="biaoqian">买家ID：{{item.id}}</view>
								<view class="biaoqian" v-if="item.tuanduiid != undefined && item.tuanduiid != ''">团队ID：{{item.tuanduiid}}</view>
							</view> -->
						</view>
						
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[],
				taskId:null
			}
		},
		onLoad(parem) {
			var that =this;
			that.taskId = parem.id;
			that.$util.nuiAjax(that.$jiekou.selectTaskMyList,{pageNo:that.pageNo,pageSize:10000,taskId:parem.id,taskMyStatus:0},function(res){
				that.list = res.list;
			});
		},
		onPullDownRefresh() {
			var that =this;
			that.$util.nuiAjax(that.$jiekou.selectTaskMyList,{pageNo:that.pageNo,pageSize:10000,taskId:that.taskId,taskMyStatus:0},function(res){
				that.list = res.list;
				uni.stopPullDownRefresh();
			});
		},
		methods: {
			
		},
		filters:{
			dateFormat:(date,str)=>{
				if(date!=undefined){
					return util.dateUtils.dateFormat('YYYY年mm月dd日',new Date(date));
				}else{
					return util.dateUtils.dateFormat('YYYY年mm月dd日',date);
				}
			}
		}
		
		
	}
</script>

<style lang="scss">
	.jieshou{
		background-color: #FFFFFF;
		height: 112rpx;
		display: flex;
		flex-direction: row;
	}
	.renwu{
		flex:1;
		padding: 16rpx 0;
	}
	.lianxi image{
		width: 40rpx;
		height: 40rpx;
		margin-top: 42rpx;
		margin-left: 60rpx;
		
	}
	.lianxi view{
		height:40rpx;
		font-size:28rpx;
		font-weight:400;
		color:$uni-color-primary;
		line-height:40rpx;
		padding-top: 38rpx;
		padding-left: 20rpx;
	}
	.lianxi{
		flex:1;
	}
	.renwu view{
		// height:40rpx;
		font-size:28rpx;
		font-weight:500;
		color:#FFFFFF;
		line-height:40rpx;
		padding:20rpx 0 20rpx;
		background-color: $uni-color-primary;
		text-align: center;
		margin-right: 30rpx;
		border-radius:4rpx;
	}
	.jieshou{
		background-color: #FFFFFF;
		height: 112rpx;
		display: flex;
		flex-direction: row;
		
	}
	.beizhu{
		height:40rpx;
		font-size:28rpx;
		font-weight:400;
		color:#999999;
		line-height:40rpx;
		padding-top: 10rpx;
	}
	.label-data{
		height:40rpx;
		font-size:28rpx;
		font-weight:400;
		color:rgba(51,51,51,1);
		line-height:40rpx;
	}
	.one-label{
		padding-top: 30rpx;
		justify-content: space-between;
	}
	.labelcolor{
		color: #999999;
		text-align: right;
	}
	.title-text{
		width:112rpx;
		height:40rpx;
		font-size:28rpx;
		font-weight:400;
		line-height:40rpx;
	}
	.content{
		padding: 10rpx;
		// margin-top: 20rpx;
		background-color: #FFFFFF;
	}
	
	page{
		background-color: $page-bg-color;
		height: 100%;
	}
	.oneTui .zaixian{
		background-color: #10C82E;
	}
	.yuandian{
		position: absolute;
		width: 24rpx;
		height: 24rpx;
		border-radius:24rpx;
		background-color: #818181;
		right: 0;
		bottom: 4rpx;
		
	}
	.pingding{
		height:40rpx;
		font-size:28rpx;
		font-weight:400;
		color:rgba(51,51,51,1);
		line-height:40rpx;
		padding-right: 30rpx;
	}
	.touxiang{
		width: 92rpx;
		height: 92rpx;
		border-radius:50rpx;overflow: hidden;
		
	}
	.touxiang image{
		width: 100%;
		height: 100%;
	}
	.user-name{
		height:44rpx;
		font-size:32rpx;
		font-weight:500;
		color:rgba(25,25,25,1);
		line-height:44rpx;
		padding-right: 8rpx;
	}
	.renzhengtu{
		width: 26rpx;
		height: 32rpx;
		margin-top: 6rpx;
	}
	.biaoqian{
		height:34rpx;
		font-size:24rpx;
		font-weight:400;
		color:$uni-color-primary;
		line-height:34rpx;
		border: 1rpx solid $uni-color-primary;
		border-radius: 4rpx;
		padding: 2rpx 8rpx 0 8rpx;
		margin-right: 8rpx;
	}
	.neirong{
		flex: 1;
	}
	.oneTui{
		background-color: #FFFFFF;
		padding: 10rpx 0 10rpx 30rpx;
		// border-bottom: 1rpx solid #EEEEEE;
	}
</style>

